```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户主页</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            margin: 0;
            padding: 0;
        }
        .container {
            display: flex;
            max-width: 1440px;
            margin: 0 auto;
            padding: 2rem;
        }
        .sidebar {
            width: 30%;
            background-color: #fff;
            border-radius: 8px;
            padding: 2rem;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .content {
            width: 70%;
            background-color: #fff;
            border-radius: 8px;
            padding: 2rem;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-left: 2rem;
        }
        .profile {
            text-align: center;
        }
        .profile img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin-bottom: 1rem;
        }
        .profile h2 {
            margin: 0;
        }
        .profile p {
            color: #666;
            margin-top: 0.5rem;
        }
        .tags {
            margin-top: 2rem;
        }
        .tags span {
            display: inline-block;
            background-color: #eaeaea;
            padding: 0.5rem 1rem;
            margin-right: 0.5rem;
            margin-bottom: 0.5rem;
            border-radius: 4px;
        }
        .teams {
            margin-top: 2rem;
        }
        .teams .team {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        .teams .team img {
            width: 24px;
            height: 24px;
            margin-right: 0.5rem;
        }
        .teams .team span {
            color: #666;
        }
        .tabs {
            display: flex;
            border-bottom: 1px solid #ddd;
            margin-bottom: 1rem;
        }
        .tabs a {
            padding: 0.5rem 1rem;
            color: #666;
            text-decoration: none;
            cursor: pointer;
        }
        .tabs a.active {
            color: #007bff;
            border-bottom: 2px solid #007bff;
        }
        .post {
            border-bottom: 1px solid #ddd;
            padding-bottom: 1rem;
            margin-bottom: 1rem;
        }
        .post h3 {
            margin: 0;
        }
        .post .tags {
            margin-top: 0.5rem;
        }
        .post .description {
            margin-top: 1rem;
        }
        .post .info {
            display: flex;
            align-items: center;
            margin-top: 1rem;
        }
        .post .info img {
            width: 24px;
            height: 24px;
            margin-right: 0.5rem;
        }
        .post .info span {
            color: #666;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Row">
        <div class="sidebar" data-antd-component="Col" data-antd-props='{"span":8}'>
            <div class="profile" data-antd-component="Card">
                <img src="data-src='IMAGE_PLACEHOLDER'" alt="头像" data-antd-component="Avatar">
                <h2 data-antd-component="Typography.Title">Serati Ma</h2>
                <p data-antd-component="Typography.Text">海纳百川，有容乃大</p>
            </div>
            <div class="tags" data-antd-component="Tag">
                <span data-antd-component="Tag">交互专家</span>
                <span data-antd-component="Tag">蚂蚁金服－某某某事业群－某某平台部－某某技术部－UED</span>
                <span data-antd-component="Tag">浙江省杭州市</span>
            </div>
            <div class="tags" data-antd-component="Tag">
                <span data-antd-component="Tag">很有想法的</span>
                <span data-antd-component="Tag">专注设计</span>
                <span data-antd-component="Tag">辣~</span>
                <span data-antd-component="Tag">大长腿</span>
                <span data-antd-component="Tag">川妹子</span>
                <span data-antd-component="Tag">海纳百川</span>
                <span data-antd-component="Tag">+</span>
            </div>
            <div class="teams" data-antd-component="List">
                <div class="team" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="团队图标" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">科学搬砖组</span>
                </div>
                <div class="team" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="团队图标" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">全组都是吴彦祖</span>
                </div>
                <div class="team" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="团队图标" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">中二少女团</span>
                </div>
                <div class="team" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="团队图标" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">程序员日常</span>
                </div>
                <div class="team" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="团队图标" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">逼格设计天团</span>
                </div>
                <div class="team" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="团队图标" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">骗你来学计算机</span>
                </div>
            </div>
        </div>
        <div class="content" data-antd-component="Col" data-antd-props='{"span":16}'>
            <div class="tabs" data-antd-component="Tabs">
                <a href="#" class="active" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"1"}'>文章 (8)</a>
                <a href="#" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"2"}'>应用 (8)</a>
                <a href="#" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"3"}'>项目 (8)</a>
            </div>
            <div class="post" data-antd-component="Card">
                <h3 data-antd-component="Typography.Title">Alipay</h3>
                <div class="tags" data-antd-component="Tag">
                    <span data-antd-component="Tag">Ant Design</span>
                    <span data-antd-component="Tag">设计语言</span>
                    <span data-antd-component="Tag">蚂蚁金服</span>
                </div>
                <div class="description" data-antd-component="Typography.Paragraph">
                    <p>段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。</p>
                </div>
                <div class="info" data-antd-component="List">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="用户头像" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">付小小 发布在 <a href="https://ant.design">https://ant.design</a> 2025-05-12 15:48</span>
                    <span data-antd-component="Typography.Text">★ 117</span>
                    <span data-antd-component="Typography.Text">❤ 196</span>
                    <span data-antd-component="Typography.Text">💬 16</span>
                </div>
            </div>
            <div class="post" data-antd-component="Card">
                <h3 data-antd-component="Typography.Title">Angular</h3>
                <div class="tags" data-antd-component="Tag">
                    <span data-antd-component="Tag">Ant Design</span>
                    <span data-antd-component="Tag">设计语言</span>
                    <span data-antd-component="Tag">蚂蚁金服</span>
                </div>
                <div class="description" data-antd-component="Typography.Paragraph">
                    <p>段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。</p>
                </div>
                <div class="info" data-antd-component="List">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="用户头像" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">曲丽丽 发布在 <a href="https://ant.design">https://ant.design</a> 2025-05-12 13:48</span>
                    <span data-antd-component="Typography.Text">★ 146</span>
                    <span data-antd-component="Typography.Text">❤ 187</span>
                    <span data-antd-component="Typography.Text">💬 18</span>
                </div>
            </div>
            <div class="post" data-antd-component="Card">
                <h3 data-antd-component="Typography.Title">Ant Design</h3>
                <div class="tags" data-antd-component="Tag">
                    <span data-antd-component="Tag">Ant Design</span>
                    <span data-antd-component="Tag">设计语言</span>
                    <span data-antd-component="Tag">蚂蚁金服</span>
                </div>
                <div class="description" data-antd-component="Typography.Paragraph">
                    <p>段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。</p>
                </div>
                <div class="info" data-antd-component="List">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="用户头像" data-antd-component="Avatar">
                    <span data-antd-component="Typography.Text">林东东 发布在 <a href="https://ant.design">https://ant.design</a> 2025-05-12 11:48</span>
                    <span data-antd-component="Typography.Text">★ 125</span>
                    <span data-antd-component="Typography.Text">❤ 131</span>
                    <span data-antd-component="Typography.Text">💬 18</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
```